<template>
  <header class="back noDrag">
    <div @click="back">
      <img src="local-media://icons/rightArrow.png" alt="">
      <span>返回</span>
    </div>
  </header>
</template>
<script>
import { useRouter } from "vue-router"
export default {
  setup () {
    const router = useRouter()
    const back = () => router.back()
    return {
      back
    }
  }
}
</script>

<style scoped lang="less">
.back {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  cursor: pointer;
  position: fixed;
  left: 16px;
  top: 63px;

  >div {
    display: flex;

    >img {
      // width: 7px;
    }

    >span {
      font-size: 16px;

      font-weight: 500;
      color: #242424;
      // line-height: 19px;
      margin-left: 5px;
    }
  }


}
</style>
